
@layer base {
  
  body, :host {
    /* Color */
      --grey-50: #FAFAFA;
--grey-100: #F5F5F5;
--grey-200: #E5E5E5;
--grey-300: #D4D4D4;
--grey-400: #A3A3A3;
--grey-500: #737373;
--grey-600: #525252;
--grey-700: #404040;
--grey-800: #262626;
--grey-900: #171717;
--red-50: #FEF2F2;
--red-100: #FEE2E2;
--red-200: #FECACA;
--red-300: #FCA5A5;
--red-400: #F87171;
--red-500: #EF4444;
--red-600: #DC2626;
--red-700: #B91C1C;
--red-800: #991B1B;
--red-900: #7F1D1D;
--blue-50: #EFF6FF;
--blue-100: #DBEAFE;
--blue-200: #BFDBFE;
--blue-300: #93C5FD;
--blue-400: #60A5FA;
--blue-500: #3B82F6;
--blue-600: #2563EB;
--blue-700: #1D4ED8;
--blue-800: #1E40AF;
--blue-900: #1E3A8A;
--lime-50: #F7FEE7;
--lime-100: #ECFCCB;
--lime-200: #D9F99D;
--lime-300: #BEF264;
--lime-400: #A3E635;
--lime-500: #84CC16;
--lime-600: #65A30D;
--lime-700: #4D7C0F;
--lime-800: #3F6212;
--lime-900: #365314;
--pink-50: #FDF2F8;
--pink-100: #FCE7F3;
--pink-200: #FBCFE8;
--pink-300: #F9A8D4;
--pink-400: #F472B6;
--pink-500: #EC4899;
--pink-600: #DB2777;
--pink-700: #BE185D;
--pink-800: #9D174D;
--pink-900: #831843;
--teal-50: #F0FDFA;
--teal-100: #CCFBF1;
--teal-200: #99F6E4;
--teal-300: #5EEAD4;
--teal-400: #2DD4BF;
--teal-500: #14B8A6;
--teal-600: #0D9488;
--teal-700: #0F766E;
--teal-800: #115E59;
--teal-900: #134E4A;
--green-50: #ECFDF5;
--green-100: #D1FAE5;
--green-200: #A7F3D0;
--green-300: #6EE7B7;
--green-400: #34D399;
--green-500: #10B981;
--green-600: #059669;
--green-700: #047857;
--green-800: #065F46;
--green-900: #064E3B;
--purple-50: #F5F3FF;
--purple-100: #EDE9FE;
--purple-200: #DDD6FE;
--purple-300: #C4B5FD;
--purple-400: #A78BFA;
--purple-500: #8B5CF6;
--purple-600: #7C3AED;
--purple-700: #6D28D9;
--purple-800: #5B21B6;
--purple-900: #4C1D95;
--yellow-50: #FFFBEB;
--yellow-100: #FEF3C7;
--yellow-200: #FDE68A;
--yellow-300: #FCD34D;
--yellow-400: #FBBF24;
--yellow-500: #F59E0B;
--yellow-600: #D97706;
--yellow-700: #B45309;
--yellow-800: #92400E;
--yellow-900: #78350F;
  /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-playfairdisplay: 'Playfair Display',serif;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  .cgtsQJ {
    flex:1;
  width:100%;
  height:100%;
  overflow-x:hidden;
  transition:background-color 500ms linear 100ms;
  user-select:none;;
  -ms-user-select:none;
  scroll-behavior:smooth;
  -moz-user-select:none;
  background-color:var(--grey-800, #262626);
  -khtml-user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent;
  }
      

          @media (min-width: 960px) {
            
  .cgtsQJ {
    overflow-x:hidden;
  overflow-y:hidden;
  }
      

          }
          
        
  .dUOZuc {
    color:var(--grey-900, #171717);
  width:100%;
  height:fit-content;
  max-width:1024px;
  box-shadow:0px 4px 8px 0px #00000044;
  padding-top:32px;
  padding-left:32px;
  border-radius:8px;
  padding-right:32px;
  padding-bottom:32px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

          @media (min-width: 960px) {
            
  .dUOZuc {
    padding-top:96px;
  padding-left:96px;
  padding-right:96px;
  padding-bottom:96px;
  }
      

          }
          
        
  .cThDtJ {
    top:0px;
  display:flex;
  transition:top 500ms ease-in-out 100ms;
  flex-direction:column;
  }
      

  .dicjgO {
    width:64px;
  height:64px;
  box-shadow:0px 4px 8px 0px #00000044;
  align-items:center;
  border-radius:14px;
  justify-content:center;
  background-color:#2e64ff;
  }
      

  .fcoIwP {
    gap:4px;
  min-width:128px;
  align-items:center;
  justify-content:start;
  }
      

  .eBQxHr {
    gap:12px;
  color:var(--grey-200, #E5E5E5);
  width:100%;
  cursor:pointer;
  outline:none;
  z-index:0;
  font-size:13px;
  align-items:center;
  font-weight:400;
  padding-top:24px;
  text-shadow:0px 0px 4px black;
  border-radius:26px;
  padding-bottom:24px;
  justify-content:center;
  }
      

  .eBQxHr:hover {
    outline-color:var(--grey-800, #262626);
  outline-style:solid;
  outline-width:1px;
  background-color:var(--grey-900, #171717);
  }
      

  .eBQxHr:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

          @media (min-width: 960px) {
            
  .eBQxHr {
    width:128px;
  }
      

          }
          
        
  .fEmSl {
    position:absolute;
  }
      

  .bftvYu {
    gap:8px;
  color:var(--grey-200, #E5E5E5);
  cursor:pointer;
  height:24px;
  font-size:13px;
  align-items:center;
  font-weight:400;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  flex-direction:row;
  justify-content:center;
  background-color:var(--grey-700, #404040);
  }
      

  .bftvYu:hover {
    color:var(--grey-200, #E5E5E5);
  background-color:var(--grey-600, #525252);
  }
      

  .bftvYu:focus-visible {
    outline-color:var(--grey-200, #E5E5E5);
  outline-style:solid;
  outline-width:1px;
  }
      

  .cxaxpw {
    top:-1000px;
  left:-1000px;
  right:-1000px;
  bottom:-1000px;
  cursor:grabbing;
  z-index:10;
  position:absolute;
  }
      

  .bpNYry {
    top:0px;
  left:0px;
  width:8px;
  cursor:ew-resize;
  height:100%;
  z-index:10;
  position:absolute;
  user-select:none;
  }
      

  .oDHsc {
    width:100%;
  height:100%;
  }
      

  .dZcAYH {
    color:var(--color-text-secondary, #A3A3A3);
  display:inline-block;
  }
      

  .dtrKHy {
    width:auto;
  height:auto;
  outline:none;
  max-width:unset;
  max-height:unset;
  }
      

  .dtrKHy::backdrop {
    cursor:default;
  outline:none;
  background-color:rgba(0, 0, 0, 0);
  }
      

  .dtrKHy.show-backdrop::backdrop {
    outline:none;
  background-color:rgba(0,0,0,0.5);
  }
      

  .eIDxoL {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  outline:none;
  position:absolute;
  user-select:none;
  }
      

  .MnEyj {
    top:0px;
  right:0px;
  width:8px;
  cursor:ew-resize;
  height:100%;
  z-index:10;
  position:absolute;
  user-select:none;
  }
      

  .cxfslQ {
    gap:4px;
  color:var(--grey-600, #525252);
  cursor:pointer;
  height:24px;
  font-size:13px;
  align-items:center;
  font-weight:400;
  user-select:none;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  flex-direction:row;
  justify-content:center;
  }
      

  .cxfslQ.has-focus {
    color:var(--grey-400, #A3A3A3);
  }
      

  .cxfslQ:hover {
    color:var(--grey-200, #E5E5E5);
  background-color:var(--grey-600, #525252);
  }
      

  .cxfslQ:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .Gjybf {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  position:absolute;
  }
      

  .A-DdEh {
    right:0px;
  width:8px;
  bottom:0px;
  cursor:nwse-resize;
  height:8px;
  z-index:15;
  position:absolute;
  user-select:none;
  }
      

  .AeYUv {
    gap:8px;
  left:50%;
  position:absolute;
  transform:translate(-50%, 0);
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

  .ePPtRi {
    left:0px;
  width:8px;
  bottom:0px;
  cursor:nesw-resize;
  height:8px;
  z-index:15;
  position:absolute;
  user-select:none;
  }
      

  .fgUJiZ {
    top:var(--position-top);
  left:var(--position-left);
  scale:0.8 0.2;
  width:var(--width);
  height:var(--height);
  resize:both;
  opacity:0;
  outline:none;
  z-index:var(--z-index);
  position:fixed;
  transform:translate(var(--offset-x), var(--offset-y));
  box-shadow:0px 8px 16px 0px #00000063;
  transition:scale 300ms ease 0ms normal, opacity 300ms ease 0ms normal;
  border-color:var(--grey-700, #404040);
  border-style:solid;
  border-width:1px;
  border-radius:14px;
  background-color:var(--grey-800, #262626);
  }
      

  .fgUJiZ.close {
    display:none;
  opacity:0;
  transition:opacity 500ms ease 0ms normal, display 500ms ease 0ms normal;
  }
      

  .fgUJiZ.hasFocus {
    z-index:var(--z-index);
  border-color:var(--grey-600, #525252);
  border-style:solid;
  border-width:1px;
  background-color:var(--grey-700, #404040);
  }
      

  .fgUJiZ.fullscreen {
    top:48px;
  width:100vw;
  height:calc(100vh - 49px);
  border-color:var(--grey-800, #262626);
  border-style:solid;
  border-width:1px;
  border-radius:0px;
  background-color:var(--grey-900, #171717);
  }
      

          @media (max-width: 960px) {
            
  .fgUJiZ {
    top:0px;
  left:0px;
  width:100vw;
  height:calc(100% - 49px);
  border-color:var(--grey-900, #171717);
  border-style:solid;
  border-width:1px;
  border-radius:0px;
  background-color:var(--grey-900, #171717);
  border-top-color:var(--grey-800, #262626);
  border-top-style:solid;
  border-top-width:1px;
  }
      

          }
          

          @media (max-width: 960px) {
            
  .fgUJiZ.hasFocus {
    border-color:var(--grey-900, #171717);
  border-style:solid;
  border-width:1px;
  background-color:var(--grey-900, #171717);
  border-top-color:var(--grey-800, #262626);
  border-top-style:solid;
  border-top-width:1px;
  }
      

          }
          

  .fgUJiZ.show {
    scale:1;
  opacity:1;
  }
      

  .briDyV {
    gap:4px;
  flex-direction:row;
  }
      

  .euqQHL {
    left:0px;
  width:100%;
  bottom:0px;
  cursor:ns-resize;
  height:8px;
  z-index:10;
  position:absolute;
  user-select:none;
  }
      

  .dkGALm {
    flex:1;
  opacity:0;
  overflow-y:auto;
  align-items:center;
  margin-left:8px;
  margin-right:8px;
  border-radius:6px;
  margin-bottom:8px;
  justify-content:center;
  scrollbar-width:none;
  }
      
.dkGALm::-webkit-scrollbar {
  width: 0;
}


  .dkGALm.showContent {
    opacity:1;
  transition:opacity 1000ms ease 0ms normal;
  }
      

  .eMVomw {
    gap:4px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

  .cIetZi {
    color:var(--grey-600, #525252);
  width:24px;
  height:24px;
  align-items:center;
  border-radius:6px;
  justify-content:center;
  }
      

  .cIetZi.has-focus {
    color:var(--grey-400, #A3A3A3);
  }
      

  .cIetZi:hover {
    color:var(--grey-200, #E5E5E5);
  background-color:var(--grey-600, #525252);
  }
      

  .cIetZi:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .eitZcm {
    color:inherit;
  display:inline-block;
  font-size:13px;
  font-weight:400;
  user-select:none;
  }
      

  .eitZcm.has-focus {
    color:var(--grey-200, #E5E5E5);
  }
      

  .ZyDPr {
    color:var(--grey-600, #525252);
  font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

  .bFAtqg {
    color:var(--grey-400, #A3A3A3);
  width:100%;
  cursor:grab;
  overflow-x:visible;
  overflow-y:visible;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:space-between;
  }
      

  .xMjLF {
    color:var(--grey-600, #525252);
  width:24px;
  height:24px;
  align-items:center;
  border-radius:6px;
  justify-content:center;
  }
      

  .xMjLF.has-focus {
    color:var(--grey-400, #A3A3A3);
  }
      

  .xMjLF:hover {
    color:var(--grey-200, #E5E5E5);
  background-color:var(--grey-600, #525252);
  }
      

  .xMjLF:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

          @media (max-width: 960px) {
            
  .xMjLF {
    display:none;
  }
      

          }
          
        
  .bOntHc {
    flex:1;
  width:100%;
  cursor:wait;
  height:100%;
  min-height:512px;
  border-radius:6px;
  background-color:#000;
  }
      

  .cUWhtj {
    color:var(--grey-200, #E5E5E5);
  bottom:80px;
  position:absolute;
  font-size:16px;
  box-shadow:0px 4px 8px 0px #00000044;
  margin-top:8px;
  font-weight:400;
  padding-top:12px;
  white-space:nowrap;
  border-color:var(--grey-700, #404040);
  border-style:solid;
  border-width:1px;
  padding-left:24px;
  border-radius:14px;
  padding-right:24px;
  padding-bottom:12px;
  background-color:var(--grey-900, #171717);
  }
      

  .eJYKin {
    gap:12px;
  width:100%;
  align-items:start;
  flex-direction:column;
  justify-content:start;
  scrollbar-width:none;
  }
      
.eJYKin::-webkit-scrollbar {
  width: 0;
}


          @media (min-width: 1240px) {
            
  .eJYKin {
    gap:24px;
  flex:1;
  max-width:560px;
  }
      

          }
          
        
  .bZhLsa {
    width:100%;
  height:100%;
  flex-direction:column;
  }
      

  .cqRLUM {
    flex:1;
  font-size:32px;
  align-items:start;
  padding-top:12px;
  padding-left:12px;
  border-radius:26px;
  padding-right:12px;
  letter-spacing:-1px;;
  padding-bottom:12px;
  justify-content:end;
  background-color:var(--grey-900, #171717);
  }
      

  .cqRLUM:hover {
    background-color:var(--grey-700, #404040);
  }
      

  .cqRLUM:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .yYeCG {
    color:var(--green-400, #34D399);
  display:inline-block;
  font-size:16px;
  font-weight:300;
  line-height:24px;
  }
      

  .cZDbKq {
    gap:8px;
  width:100%;
  align-items:start;
  padding-top:16px;
  padding-left:16px;
  border-radius:14px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:center;
  }
      

  .cMwlsf {
    color:var(--grey-200, #E5E5E5);
  font-size:32px;
  font-family:'Playfair Display';
  font-weight:500;
  }
      

  .SPTzk {
    width:100%;
  object-fit:cover;
  border-radius:6px;
  }
      

          @media (min-width: 960px) {
            
  .SPTzk {
    height:112px;
  }
      

          }
          
        
  .bLVIYy {
    color:var(--grey-400, #A3A3A3);
  display:inline-block;
  font-size:16px;
  font-weight:300;
  line-height:24px;
  }
      

  .egkcwx {
    width:fit-content;
  }
      

  .bvNKdg {
    gap:16px;
  flex:1;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  }
      

  .bxJbzN {
    top:4px;
  color:var(--grey-900, #171717);
  right:4px;
  width:20px;
  height:20px;
  position:absolute;
  align-items:center;
  justify-content:center;
  background-color:#ffffff80;
  border-top-left-radius:4px;
  border-top-right-radius:10px;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  }
      

  .toddle-goes-open-source\:sxholBMA-0QO6uWPGB3fC {
    top:12px;
  right:12px;
  position:absolute;
  }
      

  .cgmUiP {
    gap:16px;
  color:var(--grey-400, #A3A3A3);
  width:100%;
  cursor:pointer;
  align-items:start;
  font-family:'Inter';
  padding-top:8px;
  padding-left:8px;
  border-radius:14px;
  padding-right:8px;
  flex-direction:column;
  padding-bottom:8px;
  justify-content:center;
  background-color:var(--grey-800, #262626);
  }
      

  .edcIMg {
    width:100%;
  height:100%;
  overflow-y:scroll;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  scroll-behavior:smooth;
  scrollbar-width:none;
  background-color:var(--grey-900, #171717);
  scroll-snap-align:center;
  }
      
.edcIMg::-webkit-scrollbar {
  width: 0;
}


          @media (min-width: 960px) {
            
  .edcIMg {
    top:40px;
  height:calc(100% - 40px);
  }
      

          }
          
        
  .biFClP {
    width:64px;
  height:64px;
  background:linear-gradient(180deg, #5ED5FC 0%, #4BB0FB 100%);
  box-shadow:0px 4px 8px 0px #00000044;
  align-items:center;
  border-radius:14px;
  justify-content:center;
  }
      

  .fhllbb {
    color:var(--grey-200, #E5E5E5);
  right:28px;
  width:64px;
  cursor:pointer;
  height:64px;
  display:none;
  position:absolute;
  border-radius:14px;
  background-color:var(--grey-700, #404040);
  }
      

          @media (min-width: 960px) {
            
  .fhllbb {
    display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  }
      

          }
          

  .fhllbb:hover {
    background-color:var(--grey-600, #525252);
  }
      

  .fhllbb:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .gIXNz {
    top:0px;
  left:0px;
  width:100%;
  z-index:100;
  position:fixed;
  align-items:center;
  user-select:none;
  flex-direction:column;
  justify-content:space-between;
  background-color:var(--grey-900, #171717);
  }
      

  .drRsHk {
    gap:4px;
  padding-top:4px;
  padding-left:4px;
  padding-right:4px;
  flex-direction:row;
  padding-bottom:4px;
  }
      

  .bOeHrw {
    gap:4px;
  width:100%;
  transition:height 500ms ease 0ms normal;
  align-items:start;
  border-radius:14px;
  flex-direction:column;
  justify-content:end;
  }
      

  .cQDNCQ {
    width:100%;
  height:100%;
  border-radius:6px;
  }
      

  .wBcnu {
    color:var(--grey-200, #E5E5E5);
  width:100%;
  font-size:20px;
  align-items:center;
  font-weight:300;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:space-between;
  border-bottom-color:var(--grey-900, #171717);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

  .eUWzvo {
    gap:8px;
  flex:1;
  color:var(--grey-200, #E5E5E5);
  width:40px;
  height:32px;
  font-size:16px;
  align-items:center;
  font-weight:300;
  border-radius:6px;
  flex-direction:row;
  justify-content:center;
  }
      

          @media (min-width: 960px) {
            
  .eUWzvo {
    display:none;
  }
      

          }
          

  .eUWzvo:active {
    background-color:var(--grey-700, #404040);
  }
      

  .dVbZmm {
    color:var(--grey-200, #E5E5E5);
  cursor:pointer;
  height:32px;
  font-size:13px;
  align-items:center;
  font-weight:300;
  padding-left:12px;
  border-radius:6px;
  padding-right:12px;
  justify-content:center;
  }
      

  .dVbZmm:hover {
    background-color:var(--grey-800, #262626);
  }
      

  .dVbZmm:focus-visible {
    outline-color:var(--blue-600);
  outline-style:solid;
  outline-width:1px;
  }
      

  .bzWmCp {
    color:var(--yellow-400, #FBBF24);
  display:inline-block;
  font-size:13px;
  font-weight:400;
  }
      

  .cMojHu {
    height:32px;
  align-items:center;
  padding-left:12px;
  padding-right:12px;
  justify-content:center;
  border-bottom-color:var(--grey-700, #404040);
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  }
      

  .ftWzZq {
    color:var(--grey-900, #171717);
  height:32px;
  font-size:13px;
  align-items:center;
  font-weight:400;
  padding-left:24px;
  border-radius:6px;
  padding-right:24px;
  justify-content:center;
  background-color:var(--green-500, #10B981);
  }
      

  .ftWzZq:hover {
    background-color:var(--green-400, #34D399);
  }
      

  .ftWzZq:focus-visible {
    outline-color:var(--grey-200, #E5E5E5);
  outline-style:solid;
  outline-width:1px;
  }
      

  .bAwnkX {
    color:var(--grey-400, #A3A3A3);
  width:100%;
  font-size:20px;
  align-items:center;
  font-weight:300;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:space-between;
  }
      

  .bAwnkX:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .bJgBdu {
    gap:2px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

  .eWAtZr {
    transition:rotate 500ms ease 0ms normal;
  }
      

  .eWAtZr.open {
    rotate:z 180deg;
  transition:rotate 500ms ease 0ms normal;
  }
      

  .bsa-Dpo {
    color:var(--grey-200, #E5E5E5);
  width:32px;
  cursor:pointer;
  height:32px;
  align-items:center;
  border-radius:6px;
  justify-content:center;
  }
      

  .bsa-Dpo:hover {
    background-color:var(--grey-800, #262626);
  }
      

  .bsa-Dpo:focus-visible {
    outline-color:var(--blue-600);
  outline-style:solid;
  outline-width:1px;
  }
      

  .zcEfZ {
    color:var(--grey-400, #A3A3A3);
  width:100%;
  font-size:20px;
  align-items:start;
  font-weight:300;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:center;
  }
      

  .zcEfZ:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .bFGedq {
    flex:2;
  color:var(--grey-900, #171717);
  cursor:pointer;
  height:32px;
  outline:none;
  font-size:13px;
  align-items:center;
  font-weight:300;
  border-color:var(--grey-700, #404040);
  border-style:solid;
  border-width:1px;
  padding-left:12px;
  border-radius:6px;
  padding-right:12px;
  justify-content:center;
  background-color:var(--yellow-400, #FBBF24);
  }
      

  .bFGedq:hover {
    color:var(--grey-900, #171717);
  border-color:var(--grey-600, #525252);
  border-style:solid;
  border-width:1px;
  background-color:var(--yellow-300, #FCD34D);
  }
      

  .bFGedq:focus-visible {
    outline-color:var(--grey-200);
  outline-style:solid;
  outline-width:1px;
  }
      

  .dUsWNE {
    color:var(--grey-200, #E5E5E5);
  width:100%;
  height:56px;
  font-size:20px;
  align-items:center;
  font-weight:300;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:space-between;
  border-bottom-color:var(--grey-900, #171717);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

  .fwBbJP {
    color:var(--grey-400, #A3A3A3);
  width:100%;
  font-size:20px;
  align-items:center;
  font-weight:300;
  padding-top:16px;
  padding-left:16px;
  border-radius:14px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:space-between;
  }
      

  .fwBbJP:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .dsxMIV {
    height:100%;
  display:none;
  }
      

          @media (min-width: 960px) {
            
  .dsxMIV {
    gap:2px;
  display:flex;
  flex-direction:row;
  }
      

          }
          
        
  .eItwqp {
    flex:1;
  width:40px;
  height:100%;
  align-items:center;
  border-radius:6px;
  justify-content:center;
  }
      

          @media (min-width: 960px) {
            
  .eItwqp {
    display:none;
  }
      

          }
          

  .eItwqp:active {
    background-color:var(--grey-700, #404040);
  }
      

  .ehHqxT {
    top:32px;
  left:0px;
  z-index:2;
  position:absolute;
  min-width:136px;
  box-shadow:0px 4px 8px 0px #00000044;
  padding-top:4px;
  border-color:var(--grey-700, #404040);
  border-style:solid;
  border-width:1px;
  padding-left:4px;
  border-radius:10px;
  padding-right:4px;
  padding-bottom:4px;
  background-color:var(--grey-800, #262626);
  }
      

  .fxMzfE {
    align-items:start;
  justify-content:start;
  }
      

  .cxKeAO {
    color:var(--grey-200, #E5E5E5);
  cursor:pointer;
  height:32px;
  font-size:13px;
  align-items:start;
  font-weight:300;
  padding-left:12px;
  border-radius:6px;
  padding-right:12px;
  justify-content:center;
  }
      

  .cxKeAO:hover {
    background-color:var(--grey-700, #404040);
  }
      

  .cxKeAO:focus-visible {
    outline-color:var(--blue-600);
  outline-style:solid;
  outline-width:1px;
  }
      

  .eRJjGt {
    gap:8px;
  color:var(--grey-200, #E5E5E5);
  cursor:pointer;
  height:32px;
  outline:none;
  font-size:13px;
  align-items:center;
  font-weight:300;
  padding-left:12px;
  border-radius:6px;
  padding-right:12px;
  flex-direction:row;
  justify-content:center;
  }
      

  .eRJjGt:hover {
    color:var(--grey-200, #E5E5E5);
  background-color:var(--grey-800, #262626);
  }
      

  .eRJjGt:focus-visible {
    outline-color:var(--blue-600);
  outline-style:solid;
  outline-width:1px;
  }
      

  .ejBNVR {
    top:32px;
  z-index:2;
  position:absolute;
  min-width:168px;
  box-shadow:0px 4px 8px 0px #00000044;
  padding-top:4px;
  border-color:var(--grey-700, #404040);
  border-style:solid;
  border-width:1px;
  padding-left:4px;
  border-radius:10px;
  padding-right:4px;
  padding-bottom:4px;
  background-color:var(--grey-800, #262626);
  }
      

  .dgGjGa {
    color:var(--grey-200, #E5E5E5);
  cursor:pointer;
  height:32px;
  font-size:13px;
  align-items:center;
  font-weight:300;
  padding-left:12px;
  border-radius:6px;
  padding-right:12px;
  flex-direction:row;
  justify-content:space-between;
  }
      

  .dgGjGa:hover {
    background-color:var(--grey-700, #404040);
  }
      

  .dgGjGa:focus-visible {
    outline-color:var(--blue-600);
  outline-style:solid;
  outline-width:1px;
  }
      

  .feMWCD {
    display:none;
  }
      

          @media (min-width: 960px) {
            
  .feMWCD {
    gap:2px;
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

          }
          
        
  .chibDA {
    width:100%;
  height:56px;
  overflow-y:hidden;
  transition:height 500ms ease 0ms normal;
  border-radius:14px;
  background-color:var(--grey-900, #171717);
  }
      

  .chibDA.open {
    height:fit-content;
  transition:height 500ms ease 0ms normal;
  border-radius:14px;
  background-color:var(--grey-800, #262626);
  }
      

  .SDplq {
    color:var(--grey-200, #E5E5E5);
  width:32px;
  cursor:pointer;
  height:32px;
  outline:none;
  align-items:center;
  border-radius:6px;
  justify-content:center;
  }
      

  .SDplq:hover {
    color:var(--grey-200, #E5E5E5);
  border-color:var(--grey-800, #262626);
  border-style:solid;
  border-width:1px;
  background-color:var(--grey-800, #262626);
  }
      

  .SDplq:focus-visible {
    outline-color:var(--blue-600);
  outline-style:solid;
  outline-width:1px;
  }
      

  .eAaCjC {
    color:var(--grey-400, #A3A3A3);
  width:100%;
  height:32px;
  align-items:center;
  justify-content:center;
  }
      

  .eAaCjC:active {
    background-color:var(--grey-700, #404040);
  }
      

  .ddeECX {
    color:var(--grey-400, #A3A3A3);
  width:100%;
  font-size:20px;
  align-items:start;
  font-weight:300;
  padding-top:16px;
  padding-left:16px;
  border-radius:14px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:center;
  }
      

  .ddeECX:hover {
    background-color:var(--grey-800, #262626);
  }
      

  .ddeECX:focus-visible {
    outline:none;
  }
      

  .fycuoA {
    top:32px;
  z-index:2;
  position:absolute;
  min-width:136px;
  box-shadow:0px 4px 8px 0px #00000044;
  padding-top:4px;
  border-color:var(--grey-700, #404040);
  border-style:solid;
  border-width:1px;
  padding-left:4px;
  border-radius:10px;
  padding-right:4px;
  padding-bottom:4px;
  background-color:var(--grey-800, #262626);
  }
      

  .Cchhf {
    width:100%;
  height:calc(100vh - 49px);
  display:flex;
  overflow-y:auto;
  align-items:start;
  padding-top:36px;
  padding-left:24px;
  padding-right:24px;
  flex-direction:column;
  padding-bottom:85px;
  justify-content:start;
  scrollbar-width:none;
  background-color:var(--grey-900, #171717);
  border-top-color:var(--grey-800, #262626);
  border-top-style:solid;
  border-top-width:1px;
  }
      
.Cchhf::-webkit-scrollbar {
  width: 0;
}


          @media (min-width: 1024px) {
            
  .Cchhf {
    display:none;
  }
      

          }
          
        
  .dRDlrO {
    color:var(--grey-200, #E5E5E5);
  width:100%;
  cursor:pointer;
  height:32px;
  font-size:13px;
  align-items:start;
  font-weight:300;
  padding-left:12px;
  border-radius:6px;
  padding-right:12px;
  justify-content:center;
  }
      

  .dRDlrO:hover {
    background-color:var(--grey-700, #404040);
  }
      

  .dRDlrO:focus-visible {
    outline-color:var(--blue-600);
  outline-style:solid;
  outline-width:1px;
  }
      

  .dVyvrl {
    color:var(--grey-200, #E5E5E5);
  width:100%;
  height:56px;
  font-size:20px;
  align-items:start;
  font-weight:300;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:center;
  }
      

  .dVyvrl:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .fdOjmm {
    width:100%;
  height:54px;
  overflow-y:hidden;
  transition:height 500ms ease 0ms normal;
  border-radius:14px;
  background-color:var(--grey-900, #171717);
  }
      

  .fdOjmm.open {
    height:fit-content;
  transition:height 500ms ease 0ms normal;
  border-radius:14px;
  background-color:var(--grey-800, #262626);
  }
      

  .foCowA {
    gap:8px;
  flex:1;
  color:var(--grey-900, #171717);
  height:32px;
  font-size:16px;
  min-width:72px;
  align-items:center;
  font-weight:300;
  border-radius:6px;
  flex-direction:row;
  justify-content:center;
  background-color:var(--yellow-400, #FBBF24);
  }
      

          @media (min-width: 960px) {
            
  .foCowA {
    display:none;
  }
      

          }
          

  .foCowA:active {
    background-color:var(--yellow-300, #FCD34D);
  }
      

  .clbwFm {
    color:var(--grey-400, #A3A3A3);
  height:32px;
  font-size:13px;
  align-items:center;
  font-weight:400;
  padding-left:24px;
  border-radius:6px;
  padding-right:24px;
  justify-content:center;
  background-color:var(--grey-800, #262626);
  }
      

  .clbwFm:hover {
    color:var(--grey-200, #E5E5E5);
  background-color:var(--grey-700, #404040);
  }
      

  .clbwFm:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .cmjVZX {
    color:var(--grey-900, #171717);
  height:32px;
  font-size:13px;
  align-items:center;
  font-weight:400;
  padding-left:24px;
  border-radius:6px;
  padding-right:24px;
  justify-content:center;
  background-color:var(--yellow-400, #FBBF24);
  }
      

  .cmjVZX:hover {
    background-color:var(--yellow-300, #FCD34D);
  }
      

  .cmjVZX:focus-visible {
    outline-color:var(--grey-200, #E5E5E5);
  outline-style:solid;
  outline-width:1px;
  }
      

  .bDuhWk {
    font-size:13px;
  min-width:34px;
  text-align:center;
  font-weight:300;
  }
      

  .bubmHQ {
    gap:8px;
  width:100%;
  bottom:0px;
  z-index:10;
  position:fixed;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  background-color:var(--grey-900, #171717);
  border-top-color:var(--grey-700, #404040);
  border-top-style:solid;
  border-top-width:1px;
  }
      

          @media (min-width: 960px) {
            
  .bubmHQ {
    display:none;
  }
      

          }
          
        
  .dpeGfY {
    display:none;
  }
      

          @media (min-width: 960px) {
            
  .dpeGfY {
    width:100%;
  display:flex;
  position:relative;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:space-between;
  }
      

          }
          
        
  .buOSOK {
    color:var(--grey-200, #E5E5E5);
  cursor:default;
  height:100%;
  font-size:13px;
  align-items:center;
  font-weight:300;
  padding-left:8px;
  padding-right:8px;
  justify-content:center;
  }
      

  .ckmTJi {
    top:32px;
  left:-102px;
  width:256px;
  z-index:2;
  position:absolute;
  box-shadow:0px 4px 8px 0px #00000044;
  border-color:var(--grey-700, #404040);
  border-style:solid;
  border-width:1px;
  border-radius:10px;
  background-color:var(--grey-800, #262626);
  }
      

  .wtMeA {
    color:var(--grey-200, #E5E5E5);
  width:32px;
  cursor:pointer;
  height:32px;
  outline:none;
  align-items:center;
  border-radius:6px;
  justify-content:center;
  }
      

  .wtMeA:hover {
    background-color:var(--grey-800, #262626);
  }
      

  .wtMeA:focus-visible {
    outline-color:var(--blue-600);
  outline-style:solid;
  outline-width:1px;
  }
      

  .eUiXWh {
    flex:1;
  color:var(--grey-200, #E5E5E5);
  cursor:pointer;
  height:32px;
  outline:none;
  font-size:13px;
  align-items:center;
  font-weight:300;
  border-color:var(--grey-800, #262626);
  border-style:solid;
  border-width:1px;
  padding-left:12px;
  border-radius:6px;
  padding-right:12px;
  justify-content:center;
  background-color:var(--grey-800, #262626);
  }
      

  .eUiXWh:hover {
    color:var(--grey-200, #E5E5E5);
  border-color:var(--grey-700, #404040);
  border-style:solid;
  border-width:1px;
  background-color:var(--grey-700, #404040);
  }
      

  .eUiXWh:focus-visible {
    border-color:var(--blue-600);
  border-style:solid;
  border-width:1px;
  }
      

  .briWL {
    color:var(--grey-200, #E5E5E5);
  width:100%;
  height:32px;
  align-items:center;
  border-radius:6px;
  justify-content:center;
  }
      

  .briWL:active {
    background-color:var(--grey-700, #404040);
  }
      

  .fAihjx {
    gap:8px;
  color:var(--green-400, #34D399);
  cursor:pointer;
  height:32px;
  outline:none;
  font-size:13px;
  align-items:center;
  font-weight:300;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  flex-direction:row;
  justify-content:center;
  }
      

  .fAihjx:hover {
    background-color:var(--grey-800, #262626);
  }
      

  .fAihjx.down {
    color:var(--red-400, #F87171);
  }
      

  .fAihjx:focus-visible {
    outline-color:var(--blue-600);
  outline-style:solid;
  outline-width:1px;
  }
      

  .cgNxqu {
    gap:1px;
  flex-direction:row;
  }
      

  .cOopcE {
    gap:8px;
  width:fit-content;
  cursor:pointer;
  align-items:center;
  padding-top:8px;
  user-select:none;
  padding-left:8px;
  border-radius:14px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  background-color:var(--grey-700, #404040);
  }
      

  .cOopcE:hover {
    background-color:var(--grey-600, #525252);
  }
      

  .cOopcE:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .cJfKWG {
    color:var(--grey-200, #E5E5E5);
  display:inline-block;
  font-size:16px;
  font-weight:300;
  }
      

  .brNPbX {
    gap:4px;
  flex:1;
  align-items:start;
  justify-content:center;
  }
      

  .bSigLr {
    width:32px;
  height:32px;
  object-fit:cover;
  aspect-ratio:16/9;
  border-radius:6px;
  }
      

  .bsdndm {
    gap:16px;
  flex:2;
  width:100%;
  height:100%;
  align-items:start;
  flex-direction:column;
  justify-content:space-between;
  }
      

          @media (min-width: 960px) {
            
  .bsdndm {
    width:auto;
  height:100%;
  flex-direction:column;
  }
      

          }
          
        
  .ZUzRx {
    gap:32px;
  width:100%;
  padding-top:12px;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:12px;
  }
      

          @media (min-width: 960px) {
            
  .ZUzRx {
    padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  }
      

          }
          
        
  .cSRjfJ {
    display:flex;
  align-items:start;
  border-radius:14px;
  flex-direction:column;
  justify-content:start;
  }
      

  .epUixD {
    color:var(--grey-900, #171717);
  width:100%;
  height:56px;
  font-size:16px;
  align-items:center;
  font-weight:400;
  padding-top:12px;
  padding-left:64px;
  border-radius:14px;
  padding-right:64px;
  padding-bottom:12px;
  justify-content:center;
  background-color:var(--yellow-400, #FBBF24);
  }
      

  .epUixD:hover {
    background-color:var(--yellow-300, #FCD34D);
  }
      

  .epUixD:focus-visible {
    outline-color:var(--grey-200, #E5E5E5);
  outline-style:solid;
  outline-width:1px;
  }
      

          @media (min-width: 960px) {
            
  .epUixD {
    width:auto;
  }
      

          }
          
        
  .bJwOZH {
    color:var(--grey-200, #E5E5E5);
  font-size:24px;
  font-weight:300;
  line-height:32px;
  }
      

  .HvXge {
    gap:12px;
  width:100%;
  }
      

          @media (min-width: 1240px) {
            
  .HvXge {
    gap:16px;
  width:auto;
  flex-direction:row;
  }
      

          }
          
        
  .dwOEhF {
    gap:12px;
  }
      

  .HomePage\:8UsC8M1cjGalV0Fxz07Tg {
    height:256px;
  }
      

  .bxasuj {
    gap:8px;
  width:100%;
  padding-top:12px;
  padding-left:12px;
  border-radius:26px;
  padding-right:12px;
  flex-direction:row;
  padding-bottom:12px;
  background-color:var(--grey-900, #171717);
  }
      

  .bxasuj:hover {
    background-color:var(--grey-700, #404040);
  }
      

  .bxasuj:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .bzChhW {
    gap:4px;
  flex:1;
  width:280px;
  align-items:start;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:end;
  }
      

  .cgNBXI {
    color:var(--green-400, #34D399);
  align-items:center;
  padding-top:16px;
  padding-left:16px;
  border-radius:14px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:center;
  background-color:var(--grey-800, #262626);
  }
      

  .bMTGdi {
    color:var(--grey-200, #E5E5E5);
  font-size:24px;
  font-family:'Playfair Display';
  font-weight:300;
  }
      

  .read-the-docs\:fN_3q0mzKx1D_i2Ry2iQ7 {
    top:16px;
  right:16px;
  }
      

  .fjMglP {
    color:var(--grey-200, #E5E5E5);
  display:inline-block;
  font-size:24px;
  font-weight:300;
  line-height:24px;
  }
      

  .packages-in-toddle\:QKNYLQj2L1d6Emn10O8Xt {
    top:12px;
  right:12px;
  position:absolute;
  }
      

  .ciYRVe {
    gap:8px;
  color:var(--yellow-400, #FBBF24);
  width:100%;
  align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  justify-content:start;
  }
      

  .dQAXqn {
    gap:12px;
  flex:1;
  width:100%;
  align-items:start;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:end;
  }
      

  .fjFnkv {
    gap:8px;
  flex-direction:row;
  }
      

  .foPyQt {
    gap:12px;
  flex:1.5;
  width:100%;
  flex-direction:column;
  }
      

          @media (min-width: 960px) {
            
  .foPyQt {
    height:100%;
  flex-direction:column;
  }
      

          }
          

          @media (min-width: 1560px) {
            
  .foPyQt {
    gap:24px;
  }
      

          }
          
        
  .cqgyea {
    flex:1;
  width:100%;
  font-size:32px;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:start;
  user-select:none;
  border-radius:26px;
  letter-spacing:-1px;;
  justify-content:space-between;
  background-color:var(--blue-600, #2563EB);
  border-left-color:black;
  border-left-style:solid;
  border-left-width:1px;
  }
      

  .cOkPXD {
    color:var(--blue-200, #BFDBFE);
  font-size:32px;
  font-family:'Playfair Display';
  font-weight:100;
  }
      

  .cmBrUc {
    color:var(--blue-50, #EFF6FF);
  font-size:inherit;
  font-family:inherit;
  font-weight:600;
  }
      

  .cevrDm {
    color:inherit;
  display:inline-block;
  font-size:18px;
  font-weight:300;
  line-height:26px;
  }
      

  .bkFJkE {
    top:100%;
  color:var(--grey-200, #E5E5E5);
  width:100%;
  height:100%;
  position:absolute;
  transition:top 300ms ease 0ms normal;
  padding-top:32px;
  padding-left:32px;
  border-radius:26px;
  padding-right:32px;
  padding-bottom:32px;
  background-color:var(--blue-700, #1D4ED8);
  }
      

  .bkFJkE.show {
    top:0px;
  transition:top 300ms ease 0ms normal;
  }
      

  .cBYKfr {
    gap:4px;
  color:#000;
  right:12px;
  bottom:12px;
  height:20px;
  position:absolute;
  font-size:13px;
  align-items:center;
  font-weight:300;
  user-select:none;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  justify-content:center;
  background-color:var(--yellow-400, #FBBF24);
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:10px;
  }
      

          @media (min-width: 960px) {
            
  .cBYKfr {
    display:none;
  }
      

          }
          
        
          @media (min-width: 960px) {
            
  .build-in-react\:cAYhJoI2amwcZFSAXfNvW {
    display:none;
  }
      

          }
          
        
  .cJLMuw {
    width:100%;
  align-items:start;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:end;
  }
      

  .cagYOK {
    height:100%;
  min-height:256px;
  align-items:start;
  padding-top:12px;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:12px;
  justify-content:space-between;
  }
      

          @media (min-width: 960px) {
            
  .cagYOK {
    min-height:auto;
  align-items:start;
  justify-content:space-between;
  }
      

          }
          
        
  .ebUiRO {
    color:var(--blue-50, #EFF6FF);
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  }
      

  .Fvxrn {
    border-radius:6px;
  }
      

  .fvQnhU {
    gap:8px;
  top:4px;
  color:var(--green-600, #059669);
  right:4px;
  position:absolute;
  font-size:11px;
  align-items:center;
  font-weight:400;
  flex-direction:row;
  justify-content:end;
  }
      

  .bjAuxP {
    width:100%;
  align-items:start;
  flex-direction:row;
  justify-content:space-between;
  }
      

  .bUehFH {
    gap:12px;
  flex:1;
  width:100%;
  flex-direction:column;
  }
      

          @media (min-width: 960px) {
            
  .bUehFH {
    height:100%;
  flex-direction:column;
  padding-bottom:0px;
  }
      

          }
          

          @media (min-width: 1560px) {
            
  .bUehFH {
    gap:24px;
  }
      

          }
          
        
  .eEIYXm {
    left:28px;
  color:var(--grey-200, #E5E5E5);
  width:64px;
  cursor:pointer;
  height:64px;
  display:none;
  position:absolute;
  border-radius:14px;
  background-color:var(--grey-700, #404040);
  }
      

          @media (min-width: 960px) {
            
  .eEIYXm {
    display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  }
      

          }
          

  .eEIYXm:hover {
    background-color:var(--grey-600, #525252);
  }
      

  .eEIYXm:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .fzojab {
    min-height:800px;
  border-radius:6px;
  }
      

  .DJRYB {
    gap:24px;
  width:100%;
  height:100%;
  z-index:1;
  flex-wrap:wrap;
  align-items:start;
  flex-direction:row;
  justify-content:center;
  }
      

          @media (min-width: 960px) {
            
  .DJRYB {
    align-items:center;
  justify-content:center;
  }
      

          }
          
        
  .dmUDtm {
    gap:4px;
  flex:1;
  align-items:center;
  justify-content:start;
  }
      

  .fxkEZT {
    flex:1;
  width:100%;
  }
      

  .fpZQfN {
    color:#EEF486;
  width:64px;
  height:64px;
  box-shadow:0px 4px 8px 0px #00000044;
  align-items:center;
  border-radius:14px;
  justify-content:center;
  background-color:#304D5B;
  }
      

  .bYLmgD {
    width:64px;
  height:64px;
  box-shadow:0px 4px 8px 0px #00000044;
  align-items:center;
  border-radius:14px;
  justify-content:center;
  background-color:#000;
  }
      

  .etveDr {
    left:0px;
  bottom:0px;
  display:none;
  position:absolute;
  padding-left:24px;
  padding-right:24px;
  }
      

          @media (min-width: 960px) {
            
  .etveDr {
    gap:8px;
  display:flex;
  align-items:end;
  padding-top:28px;
  padding-left:28px;
  padding-right:28px;
  flex-direction:row;
  padding-bottom:28px;
  justify-content:start;
  }
      

          }
          
        
  .espGyN {
    gap:4px;
  width:100%;
  align-items:start;
  padding-top:12px;
  padding-left:12px;
  border-radius:26px;
  padding-right:12px;
  flex-direction:column;
  padding-bottom:12px;
  justify-content:center;
  background-color:var(--grey-900, #171717);
  }
      

  .cUvHIP {
    color:var(--grey-200, #E5E5E5);
  font-size:16px;
  font-weight:300;
  }
      

  .ccIpHR {
    width:100%;
  flex-wrap:wrap;
  align-items:center;
  padding-left:16px;
  flex-direction:row;
  justify-content:space-between;
  }
      

  .rqlmm {
    gap:12px;
  width:100%;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:14px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

  .rqlmm:hover {
    cursor:pointer;
  background-color:#404040e6;
  }
      

  .rqlmm:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .fpVZes {
    width:48px;
  height:48px;
  object-fit:cover;
  border-radius:6px;
  }
      

  .bytPfp {
    color:var(--grey-400, #A3A3A3);
  display:inline-block;
  font-size:11px;
  font-weight:300;
  }
      

  .dyjUXW {
    color:var(--grey-200, #E5E5E5);
  font-size:13px;
  font-weight:300;
  line-height:20px;
  }
      

  .edqGXz {
    color:var(--grey-400, #A3A3A3);
  cursor:pointer;
  font-size:16px;
  font-weight:300;
  padding-top:16px;
  padding-left:16px;
  border-radius:14px;
  padding-right:16px;
  padding-bottom:16px;
  }
      

  .edqGXz:hover {
    color:var(--grey-200, #E5E5E5);
  background-color:var(--grey-700, #404040);
  }
      

  .edqGXz:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .bHzXpT {
    gap:24px;
  flex:1;
  max-width:33%;
  align-items:center;
  justify-content:start;
  }
      

          @media (min-width: 960px) {
            
  
          }
          
        
  .bMHPYf {
    gap:12px;
  width:100%;
  align-items:start;
  flex-direction:column;
  justify-content:start;
  scrollbar-width:none;
  }
      
.bMHPYf::-webkit-scrollbar {
  width: 0;
}


          @media (min-width: 960px) {
            
  .bMHPYf {
    gap:12px;
  height:100%;
  max-height:720px;
  align-items:start;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  }
      

          }
          

          @media (min-width: 1560px) {
            
  .bMHPYf {
    gap:24px;
  max-width:1240px;
  max-height:720px;
  flex-direction:row;
  }
      

          }
          
        
  .dPfqGK {
    gap:12px;
  width:100%;
  height:100%;
  overflow-y:scroll;
  align-items:center;
  padding-top:12px;
  padding-left:12px;
  border-radius:34px;
  padding-right:12px;
  padding-bottom:12px;
  justify-content:start;
  scrollbar-width:none;
  background-color:var(--grey-800, #262626);
  }
      
.dPfqGK::-webkit-scrollbar {
  width: 0;
}


          @media (min-width: 960px) {
            
  .dPfqGK {
    gap:24px;
  flex:1;
  height:auto;
  align-items:center;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  justify-content:center;
  }
      

          }
          

          @media (min-width: 1440px) {
            
  .dPfqGK {
    align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

          }
          
        
  .VavWp {
    width:64px;
  height:64px;
  box-shadow:1px 4px 8px 0px #00000044, 0px 4px 8px 0px #00000044;
  align-items:center;
  border-radius:14px;
  justify-content:center;
  background-color:#fff;
  }
      

  .bKrfLQ {
    gap:12px;
  flex:1;
  width:100%;
  flex-direction:column;
  }
      

          @media (min-width: 960px) {
            
  .bKrfLQ {
    height:100%;
  flex-direction:column;
  }
      

          }
          

          @media (min-width: 1560px) {
            
  .bKrfLQ {
    gap:24px;
  }
      

          }
          
        
  .bCujlK {
    color:#fff;
  }
      

  .dhBwXg {
    gap:12px;
  font-size:32px;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:start;
  user-select:none;
  border-radius:26px;
  letter-spacing:-1px;;
  justify-content:space-between;
  background-color:var(--grey-900, #171717);
  }
      

  .eNUZfC {
    flex:1;
  color:#fff;
  align-items:center;
  aspect-ratio:1 / 1;
  border-radius:14px;
  justify-content:center;
  background-color:#000;
  }
      

  .eTzWhB {
    color:var(--yellow-400, #FBBF24);
  font-size:24px;
  font-family:'Playfair Display';
  font-weight:500;
  }
      

          @media (min-width: 960px) {
            
  .embed-anywhere\:57kYObP8eisQ8SO4lPN_g {
    display:none;
  }
      

          }
          
        
  .fwgxtk {
    gap:12px;
  flex-direction:row;
  }
      

  .IxiVH {
    gap:12px;
  width:100%;
  align-items:start;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:end;
  }
      

  .bMKowR {
    top:100%;
  color:var(--grey-200, #E5E5E5);
  width:100%;
  height:100%;
  position:absolute;
  transition:top 300ms ease 0ms normal;
  padding-top:32px;
  padding-left:32px;
  border-radius:26px;
  padding-right:32px;
  padding-bottom:32px;
  background-color:var(--grey-700, #404040);
  }
      

  .bMKowR.show {
    top:0px;
  transition:top 300ms ease 0ms normal;
  }
      

  .eRXhgG {
    width:100%;
  height:100%;
  padding-top:12px;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:12px;
  }
      

  .brsHGN {
    gap:12px;
  width:100%;
  padding-top:8px;
  padding-left:8px;
  border-radius:14px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:#000;
  }
      

  .cihojB {
    width:100%;
  min-height:100%;
  border-radius:6px;
  }
      

  .aOZkr {
    width:100%;
  height:100%;
  position:absolute;
  overflow-x:scroll;
  align-items:start;
  flex-direction:row;
  padding-bottom:48px;
  justify-content:start;
  object-position:bottom;
  scrollbar-width:none;
  background-color:var(--grey-900, #171717);
  scroll-snap-type:x mandatory;
  }
      
.aOZkr::-webkit-scrollbar {
  width: 0;
}


          @media (min-width: 960px) {
            
  .aOZkr {
    width:100%;
  height:100%;
  align-items:start;
  padding-top:0px;
  flex-direction:row;
  padding-bottom:0px;
  justify-content:start;
  scroll-behavior:smooth;
  scroll-snap-type:none;
  }
      

          }
          
        
  .eSvbTQ {
    gap:16px;
  color:var(--grey-400, #A3A3A3);
  width:fit-content;
  opacity:1;
  font-size:13px;
  align-items:center;
  font-weight:300;
  padding-top:12px;
  padding-left:16px;
  border-radius:100px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:12px;
  justify-content:start;
  background-color:#17171740;
  }
      

  .eSvbTQ.hide {
    opacity:0;
  transition:opacity 500ms ease 0ms normal;
  }
      

  .ctWxzH {
    color:#fff;
  width:64px;
  height:64px;
  box-shadow:0px 4px 8px 0px #00000044;
  align-items:center;
  border-radius:14px;
  justify-content:center;
  background-color:#fe562b;
  }
      

  .dOtUOC {
    gap:24px;
  width:100%;
  height:100%;
  overflow-y:scroll;
  align-items:center;
  padding-top:24px;
  padding-left:12px;
  border-radius:34px;
  padding-right:12px;
  padding-bottom:24px;
  justify-content:start;
  scrollbar-width:none;
  background-color:var(--grey-800, #262626);
  }
      
.dOtUOC::-webkit-scrollbar {
  width: 0;
}


          @media (min-width: 1280px) {
            
  .dOtUOC {
    gap:48px;
  align-items:center;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  flex-direction:row;
  padding-bottom:0px;
  justify-content:center;
  }
      

          }
          
        
  .ffminl {
    gap:4px;
  flex:1;
  width:100%;
  flex-wrap:wrap;
  align-items:start;
  padding-top:12px;
  padding-left:12px;
  border-radius:26px;
  padding-right:12px;
  flex-direction:column;
  padding-bottom:12px;
  justify-content:space-between;
  background-color:var(--grey-900, #171717);
  }
      

          @media (min-width: 960px) {
            
  .ffminl {
    flex:1;
  width:auto;
  }
      

          }
          
        
  .cdVxIc {
    gap:4px;
  width:100%;
  }
      

  .LDipi {
    color:var(--grey-400, #A3A3A3);
  cursor:pointer;
  height:48px;
  outline:none;
  font-size:16px;
  align-items:center;
  font-weight:300;
  padding-left:16px;
  border-radius:14px;
  padding-right:16px;
  justify-content:center;
  }
      

  .LDipi:hover {
    color:var(--grey-200, #E5E5E5);
  background-color:var(--grey-700, #404040);
  }
      

  .LDipi:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .jMKIr {
    width:100%;
  align-items:center;
  padding-left:12px;
  flex-direction:row;
  justify-content:space-between;
  }
      

  .VzFFf {
    width:100%;
  align-items:center;
  border-radius:14px;
  flex-direction:row;
  justify-content:start;
  }
      

  .cHlFvp {
    gap:12px;
  width:100%;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:14px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

  .cHlFvp:hover {
    background-color:var(--grey-700, #404040);
  }
      

  .cHlFvp:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .fdWiLb {
    width:80px;
  height:56px;
  object-fit:cover;
  border-radius:6px;
  }
      

  .egskez {
    color:var(--grey-200, #E5E5E5);
  font-size:13px;
  text-align:left;
  font-weight:300;
  line-height:20px;
  text-shadow:1px 4px 8px #00000044;
  white-space:normal;
  }
      

  .eqEJBd {
    color:var(--grey-200, #E5E5E5);
  right:28px;
  width:64px;
  cursor:pointer;
  height:64px;
  display:none;
  position:absolute;
  border-radius:14px;
  background-color:var(--grey-700, #404040);
  }
      

          @media (min-width: 1280px) {
            
  .eqEJBd {
    display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  }
      

          }
          

  .eqEJBd:hover {
    background-color:var(--grey-600, #525252);
  }
      

  .eqEJBd:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .fxBVWb {
    color:var(--grey-400, #A3A3A3);
  width:fit-content;
  cursor:pointer;
  position:relative;
  padding-top:8px;
  padding-left:8px;
  border-radius:4px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

  .fxBVWb:hover {
    color:var(--grey-700, #404040);
  background-color:var(--grey-300, #D4D4D4);
  }
      

  .ercxkQ {
    gap:12px;
  width:100%;
  padding-top:12px;
  padding-left:12px;
  border-radius:26px;
  padding-right:12px;
  flex-direction:column;
  padding-bottom:12px;
  background-color:var(--grey-900, #171717);
  }
      

  .ercxkQ:hover {
    background-color:var(--grey-700, #404040);
  }
      

  .ercxkQ:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .dGnDqM {
    gap:12px;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  }
      

  .dnjOjr {
    color:var(--grey-200, #E5E5E5);
  font-size:32px;
  font-family:'Playfair Display';
  font-weight:300;
  }
      

  .ask-on-discord\:fN_3q0mzKx1D_i2Ry2iQ7 {
    top:12px;
  right:12px;
  }
      

  .fjfeyI {
    gap:12px;
  flex:1;
  font-size:32px;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:start;
  border-radius:26px;
  letter-spacing:-1px;;
  justify-content:space-between;
  background-color:var(--grey-900, #171717);
  }
      

  .ehtOnN {
    flex:1;
  width:100%;
  min-height:96px;
  align-items:center;
  border-radius:14px;
  justify-content:center;
  background-color:var(--yellow-400, #FBBF24);
  }
      

          @media (min-width: 960px) {
            
  .born-fast\:fgdSa2Yr779za6yYIBz1E {
    display:none;
  }
      

          }
          
        
  .cnIJOw {
    flex:1;
  width:100%;
  align-items:start;
  padding-top:12px;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:12px;
  justify-content:space-between;
  }
      

  .cJghiF {
    top:100%;
  color:var(--grey-200, #E5E5E5);
  width:100%;
  height:100%;
  position:absolute;
  transition:top 300ms ease 0ms normal;
  padding-top:32px;
  padding-left:32px;
  border-radius:26px;
  padding-right:32px;
  padding-bottom:32px;
  background-color:var(--grey-900, #171717);
  }
      

  .cJghiF.show {
    top:0px;
  transition:top 300ms ease 0ms normal;
  }
      

  .eLaIyp {
    color:var(--grey-900, #171717);
  width:fit-content;
  font-size:56px;
  font-family:'Inter';
  font-weight:100;
  }
      

  .dvWbRd {
    width:100%;
  height:100%;
  z-index:;
  min-width:960px;
  min-height:640px;
  border-color:var(--grey-800, #262626);
  border-style:solid;
  border-width:1px;
  border-radius:6px;
  }
      

  .eDJkkI {
    gap:12px;
  flex:1;
  font-size:32px;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:start;
  user-select:none;
  border-radius:26px;
  letter-spacing:-1px;;
  justify-content:space-between;
  background-color:var(--grey-900, #171717);
  }
      

  .dPJKTV {
    gap:12px;
  width:100%;
  align-items:start;
  padding-top:28px;
  padding-left:28px;
  padding-right:28px;
  padding-bottom:28px;
  justify-content:end;
  }
      

          @media (min-width: 960px) {
            
  .branching-in-toddle\:VqPiokTaOcPUo6wADExks {
    display:none;
  }
      

          }
          
        
  .eTQlFa {
    color:var(--grey-400, #A3A3A3);
  display:inline-block;
  font-size:16px;
  max-width:80%;
  font-weight:300;
  line-height:24px;
  }
      

  .buehIM {
    gap:12px;
  flex:1;
  width:100%;
  height:100%;
  flex-direction:column;
  }
      

          @media (min-width: 960px) {
            
  .buehIM {
    flex-direction:column;
  }
      

          }
          

          @media (min-width: 1560px) {
            
  .buehIM {
    gap:24px;
  }
      

          }
          
        
  .ewCfkM {
    gap:12px;
  flex:1.5;
  width:100%;
  flex-direction:column;
  }
      

          @media (min-width: 960px) {
            
  .ewCfkM {
    width:auto;
  height:100%;
  max-height:100%;
  flex-direction:column;
  }
      

          }
          

          @media (min-width: 1560px) {
            
  .ewCfkM {
    gap:24px;
  }
      

          }
          
        
  .chLdfQ {
    flex:1;
  font-size:32px;
  align-items:start;
  padding-top:12px;
  padding-left:12px;
  border-radius:26px;
  padding-right:12px;
  letter-spacing:-1px;;
  padding-bottom:12px;
  justify-content:space-between;
  background-color:var(--grey-900, #171717);
  }
      

  .chLdfQ:hover {
    background-color:var(--grey-700, #404040);
  }
      

  .chLdfQ:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .drRIjC {
    flex:1;
  color:#fff;
  align-items:center;
  aspect-ratio:1 / 1;
  border-radius:14px;
  justify-content:center;
  background-color:var(--grey-800, #262626);
  }
      

  .bmAvxI {
    flex:1;
  align-items:center;
  aspect-ratio:1 / 1;
  border-radius:14px;
  justify-content:center;
  background-color:var(--grey-800, #262626);
  }
      

  .cygebF {
    gap:12px;
  width:100%;
  border-radius:14px;
  }
      

  .access-any-data\:HymyqjMkeA7YiG3myJJ-m {
    top:12px;
  right:12px;
  position:absolute;
  }
      

  .ddVqza {
    gap:12px;
  border-radius:14px;
  flex-direction:row;
  }
      

  .fEQWsa {
    gap:8px;
  flex:1;
  height:100%;
  opacity:1;
  max-height:calc(100% - 49px);
  overflow-y:scroll;
  align-items:end;
  padding-top:28px;
  margin-right:-100%;
  padding-left:28px;
  padding-right:28px;
  padding-bottom:77px;
  justify-content:end;
  scroll-behavior:smooth;
  scrollbar-width:none;
  }
      
.fEQWsa::-webkit-scrollbar {
  width: 0;
}


  .fEQWsa.slideIn {
    transition:margin-right 2000ms ease 0ms normal;
  margin-right:0px;
  }
      

  .fEQWsa.hideAll {
    opacity:0;
  transition:opacity 500ms ease 0ms normal, margin-bottom 500ms ease 600ms normal;
  margin-bottom:-200px;
  }
      

          @media (min-width: 960px) {
            
  .fEQWsa {
    padding-top:28px;
  padding-left:28px;
  padding-right:28px;
  padding-bottom:28px;
  }
      

          }
          
        
  .frPhpe {
    color:var(--grey-200, #E5E5E5);
  width:100%;
  overflow:hidden;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

  .cTlfwN {
    align-items:start;
  flex-direction:row;
  justify-content:start;
  }
      

  .bZoPeN {
    color:var(--grey-200, #E5E5E5);
  cursor:pointer;
  font-size:11px;
  align-items:center;
  font-weight:400;
  padding-top:8px;
  padding-left:16px;
  border-radius:100px;
  padding-right:16px;
  padding-bottom:8px;
  justify-content:center;
  background-color:var(--grey-700, #404040);
  }
      

  .bZoPeN:hover {
    color:var(--grey-200, #E5E5E5);
  background-color:var(--grey-600, #525252);
  }
      

  .bZoPeN:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .JNmHd {
    gap:12px;
  flex:1;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

  .JNmHd.expand {
    align-items:start;
  justify-content:start;
  }
      

  .cXOKas {
    width:40px;
  height:40px;
  object-fit:cover;
  border-radius:6px;
  }
      

  .fsMZOl {
    gap:4px;
  color:var(--grey-500, #737373);
  display:flex;
  overflow:hidden;
  font-size:12px;
  align-items:center;
  font-weight:400;
  line-height:16px;
  text-overflow:ellipsis;
  flex-direction:row;
  justify-content:start;
  }
      

  .BQzkl {
    color:var(--grey-300, #D4D4D4);
  display:inline-block;
  overflow:hidden;
  font-size:13px;
  font-weight:300;
  line-height:18px;
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

  .BQzkl.expand {
    white-space:normal;
  }
      

  .bdmIvJ {
    gap:12px;
  width:100%;
  cursor:pointer;
  height:56px;
  position:relative;
  overflow-x:hidden;
  overflow-y:hidden;
  transition:margin-bottom 500ms ease 0ms normal, gap 500ms ease 0ms normal;
  align-items:start;
  font-weight:var(--font-weight-regular);
  padding-top:8px;
  user-select:none;
  padding-left:8px;
  border-radius:14px;
  margin-bottom:-56px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:end;
  background-color:var(--grey-700, #404040);
  }
      

  .bdmIvJ.expand {
    height:fit-content;
  transition:gap 500ms ease 0ms normal, margin-bottom 500ms ease 0ms normal;
  margin-bottom:0px;
  }
      

  .bdmIvJ:hover {
    background-color:var(--grey-600, #525252);
  }
      

  .bdmIvJ:focus-visible {
    outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:1px;
  }
      

  .bdmIvJ:first-child {
    margin-bottom:0px;
  }
      

  .crOGcW {
    gap:4px;
  flex:1;
  height:40px;
  overflow-x:hidden;
  overflow-y:hidden;
  transition:height 500ms ease 0ms normal;
  text-overflow:ellipsis;
  }
      

  .crOGcW.expand {
    height:fit-content;
  }
      

  .eRDgCN {
    width:100%;
  overflow-x:visible;
  overflow-y:scroll;
  transition:gap 500ms ease 0ms normal;
  border-radius:14px;
  flex-direction:column;
  scrollbar-width:none;
  }
      
.eRDgCN::-webkit-scrollbar {
  width: 0;
}


  .eRDgCN.expand {
    gap:8px;
  transition:gap 500ms ease 0ms normal;
  flex-direction:column;
  }
      

          @media (min-width: 960px) {
            
  .eRDgCN {
    width:400px;
  }
      

          }
          
        
  .HomePage\:j5mv4RZjoPtI_GxUxh1wM {
    right:0px;
  width:100%;
  bottom:0px;
  height:fit-content;
  display:none;
  position:absolute;
  }
      

          @media (min-width: 960px) {
            
  .HomePage\:j5mv4RZjoPtI_GxUxh1wM {
    top:40px;
  right:0px;
  width:auto;
  display:flex;
  flex-direction:column;
  }
      

          }
          
        
  .eRmppI {
    flex:1;
  font-size:32px;
  min-height:320px;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:start;
  user-select:none;
  border-radius:26px;
  -o-user-select:none;
  letter-spacing:-1px;;
  justify-content:space-between;
  -moz-user-select:none;
  background-color:var(--grey-50, #FAFAFA);
  -khtml-user-select:none;
  -webkit-user-select:none;
  }
      

          @media (min-width: 960px) {
            
  .eRmppI {
    min-height:auto;
  }
      

          }
          
        
  .eAfxSC {
    gap:12px;
  width:100%;
  padding-top:28px;
  padding-left:28px;
  padding-right:28px;
  padding-bottom:8px;
  }
      

  .dfwAle {
    color:var(--grey-900, #171717);
  font-size:32px;
  font-family:'Playfair Display';
  font-weight:500;
  }
      

          @media (min-width: 960px) {
            
  .toddle-in-toddle\:cXWnmczCHVPKnRe-8J-HZ {
    display:none;
  }
      

          }
          
        
  .eAQEkj {
    top:100%;
  color:var(--grey-900, #171717);
  width:100%;
  height:100%;
  position:absolute;
  transition:top 300ms ease 0ms normal;
  padding-top:32px;
  padding-left:32px;
  border-radius:26px;
  padding-right:32px;
  padding-bottom:32px;
  background-color:var(--grey-50, #FAFAFA);
  }
      

  .eAQEkj.show {
    top:0px;
  transition:top 300ms ease 0ms normal;
  }
      

  .quYNH {
    width:100%;
  object-fit:cover;
  user-select:none;
  aspect-ratio:16 / 9;
  -o-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-left-radius:26px;
  border-bottom-right-radius:26px;
  }
      

  .quYNH.hide {
    display:none;
  }
      

  .qBqkN {
    gap:24px;
  width:100%;
  z-index:0;
  flex-wrap:wrap;
  align-items:start;
  flex-direction:row;
  padding-bottom:12px;
  justify-content:space-between;
  }
      

          @media (min-width: 960px) {
            
  .qBqkN {
    padding-bottom:0px;
  }
      

          }
          

          @media (min-width: 1240px) {
            
  .qBqkN {
    gap:24px;
  flex:1;
  width:auto;
  max-width:560px;
  flex-direction:row;
  }
      

          }
          
        
  .esLjBW {
    width:100%;
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:start;
  }
      

  .uklJF {
    gap:24px;
  flex:1;
  max-width:33%;
  align-items:center;
  justify-content:start;
  }
      

          @media (min-width: 960px) {
            
  .uklJF {
    flex:1;
  }
      

          }
          
        
  .bIjSSy {
    gap:12px;
  width:100%;
  flex-wrap:wrap;
  flex-direction:column;
  }
      

          @media (min-width: 1240px) {
            
  .bIjSSy {
    flex:1;
  height:100%;
  max-width:560px;
  flex-direction:row;
  }
      

          }
          
        
  .bEvGOy {
    gap:12px;
  width:100%;
  align-items:start;
  flex-direction:column;
  justify-content:start;
  scrollbar-width:none;
  }
      
.bEvGOy::-webkit-scrollbar {
  width: 0;
}


          @media (min-width: 960px) {
            
  .bEvGOy {
    height:100%;
  max-height:720px;
  align-items:start;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  }
      

          }
          

          @media (min-width: 1560px) {
            
  .bEvGOy {
    gap:24px;
  max-width:1240px;
  max-height:720px;
  flex-direction:row;
  }
      

          }
          
        
  .dDurMt {
    gap:12px;
  flex:1.5;
  width:100%;
  flex-direction:column;
  }
      

          @media (min-width: 960px) {
            
  .dDurMt {
    width:auto;
  height:100%;
  }
      

          }
          

          @media (min-width: 1560px) {
            
  .dDurMt {
    gap:24px;
  }
      

          }
          
        
  .evyYhW {
    width:100%;
  height:100%;
  overflow-y:scroll;
  align-items:center;
  padding-top:24px;
  padding-left:24px;
  padding-right:24px;
  padding-bottom:24px;
  justify-content:start;
  background-color:var(--grey-400, #A3A3A3);
  }
      

          @media (min-width: 960px) {
            
  .evyYhW {
    padding-top:80px;
  padding-left:80px;
  padding-right:80px;
  padding-bottom:80px;
  }
      

          }
          
        
  .eeBsAH {
    gap:24px;
  width:100%;
  height:100%;
  overflow-y:scroll;
  align-items:center;
  padding-top:12px;
  padding-left:12px;
  border-radius:34px;
  padding-right:12px;
  padding-bottom:12px;
  justify-content:start;
  scrollbar-width:none;
  background-color:var(--grey-800, #262626);
  }
      
.eeBsAH::-webkit-scrollbar {
  width: 0;
}


          @media (min-width: 960px) {
            
  .eeBsAH {
    flex:1;
  height:auto;
  align-items:center;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  justify-content:center;
  }
      

          }
          

          @media (min-width: 1440px) {
            
  .eeBsAH {
    align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

          }
          
        
  .eQvKbz {
    gap:12px;
  flex:1;
  font-size:32px;
  min-height:304px;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:start;
  border-radius:26px;
  letter-spacing:-1px;;
  justify-content:space-between;
  background-color:var(--grey-900, #171717);
  }
      

          @media (min-width: 960px) {
            
  .push-every-px\:1O9TZTRP9SYW4p9tSqhuR {
    display:none;
  }
      

          }
          
        
  .TZXVA {
    width:100%;
  height:196px;
  display:flex;
  object-fit:cover;
  user-select:none;
  aspect-ratio:16 / 9;
  border-radius:14px;
  -o-user-select:none;
  flex-direction:column;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  }
      

  .TZXVA.hide {
    display:none;
  }
      

  .bfeYGU {
    gap:12px;
  width:100%;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  }
      

  .UJnIJ {
    min-height:640px;
  border-radius:6px;
  }
      

  .eFvmBe {
    gap:12px;
  flex:1;
  flex-wrap:wrap;
  align-items:start;
  padding-top:12px;
  padding-left:12px;
  border-radius:26px;
  padding-right:12px;
  flex-direction:column;
  padding-bottom:12px;
  justify-content:space-between;
  background-color:var(--grey-900, #171717);
  }
      

  .BPlOe {
    width:100%;
  opacity:1;
  transition:opacity 500ms ease-in-out 100ms;
  aspect-ratio:16/9;
  border-radius:6px;
  }
      

  .erEmdi {
    gap:24px;
  width:100%;
  align-items:start;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:space-between;
  }
      

  .fnoBf {
    color:var(--grey-200, #E5E5E5);
  font-size:24px;
  font-weight:300;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  }
      

  .dTasOt {
    gap:8px;
  width:100%;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

  .cPDxKD {
    width:100%;
  height:100%;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:14px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:center;
  background-color:#000;
  }
      

  .cPDxKD:hover {
    background-color:var(--grey-700, #404040);
  }
      

  .dQzKyy {
    width:100%;
  border-radius:14px;
  }
      

  .FvXVd {
    color:var(--grey-400, #A3A3A3);
  font-size:13px;
  font-weight:300;
  padding-top:8px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  padding-bottom:8px;
  }
      

  .FvXVd:hover {
    color:var(--grey-200, #E5E5E5);
  background-color:var(--grey-700, #404040);
  }
      

  .FvXVd.selected {
    color:var(--grey-200, #E5E5E5);
  background-color:var(--grey-700, #404040);
  }
      

  .FvXVd:focus-visible {
    outline-color:var(--blue-600);
  outline-style:solid;
  outline-width:1px;
  }
      

  .bmePUP {
    flex:1;
  overflow-y:scroll;
  align-items:start;
  padding-top:12px;
  padding-left:12px;
  border-radius:26px;
  padding-right:12px;
  padding-bottom:12px;
  justify-content:end;
  scrollbar-width:none;
  background-color:var(--grey-900, #171717);
  }
      
.bmePUP::-webkit-scrollbar {
  width: 0;
}